@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@200&display=swap");
body, p {
  margin: 0;
  padding: 0;
}

body, html {
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  overflow: hidden;
}

.g-container {
  width: 100vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  font-family: "Inconsolata", monospace, sans-serif;
}

p {
  position: relative;
  width: 5vh;
  height: 100vh;
  text-align: center;
  font-size: 5vh;
  word-break: break-all;
  white-space: pre-wrap;
}
p::before, p::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
}

p:nth-child(0)::before {
  content: "0010001 10000111000111011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-0 3.2s steps(20, end) -2.1s infinite;
  z-index: 1;
}

p:nth-child(0)::after {
  content: "";
  background: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.2s infinite -1.9s linear;
  z-index: 2;
}

@keyframes typing-0 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1111111101011001000010011";
  }
}
p:nth-child(1)::before {
  content: "0001011010010111100001010";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-1 3.4s steps(20, end) -0.9s infinite;
  z-index: 1;
}

p:nth-child(1)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.4s infinite -0.7s linear;
  z-index: 2;
}

@keyframes typing-1 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "10100011110 1110110000011";
  }
}
p:nth-child(2)::before {
  content: "110111 01110011 010100101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-2 2.9s steps(20, end) -1.9s infinite;
  z-index: 1;
}

p:nth-child(2)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.9s infinite -1.7s linear;
  z-index: 2;
}

@keyframes typing-2 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1001011000111110000011111";
  }
}
p:nth-child(3)::before {
  content: "1001010100111011001 11101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-3 2.2s steps(20, end) -4.4s infinite;
  z-index: 1;
}

p:nth-child(3)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.62), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.2s infinite -4.2s linear;
  z-index: 2;
}

@keyframes typing-3 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "10 0001111011011011010111";
  }
}
p:nth-child(4)::before {
  content: "0000011101  011 111111011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-4 2.6s steps(20, end) -2s infinite;
  z-index: 1;
}

p:nth-child(4)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.6s infinite -1.8s linear;
  z-index: 2;
}

@keyframes typing-4 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0111100101100101101000101";
  }
}
p:nth-child(5)::before {
  content: "0100110011 11111111110011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-5 2s steps(20, end) -2.7s infinite;
  z-index: 1;
}

p:nth-child(5)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.91), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2s infinite -2.5s linear;
  z-index: 2;
}

@keyframes typing-5 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1001110100010000101101111";
  }
}
p:nth-child(6)::before {
  content: "0010001110011101111111111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-6 2s steps(20, end) -4.9s infinite;
  z-index: 1;
}

p:nth-child(6)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2s infinite -4.7s linear;
  z-index: 2;
}

@keyframes typing-6 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0001100101001010 01000111";
  }
}
p:nth-child(7)::before {
  content: "1001010000011100 110 1110";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-7 2.5s steps(20, end) -1.8s infinite;
  z-index: 1;
}

p:nth-child(7)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.5s infinite -1.6s linear;
  z-index: 2;
}

@keyframes typing-7 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0011 1000001011110100000 ";
  }
}
p:nth-child(8)::before {
  content: "0000111100111010111011001";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-8 3.5s steps(20, end) -2.3s infinite;
  z-index: 1;
}

p:nth-child(8)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.74), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.5s infinite -2.1s linear;
  z-index: 2;
}

@keyframes typing-8 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "001111100101000110 101 10";
  }
}
p:nth-child(9)::before {
  content: "0100110100111111011111011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-9 2.9s steps(20, end) -2.3s infinite;
  z-index: 1;
}

p:nth-child(9)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.76), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.9s infinite -2.1s linear;
  z-index: 2;
}

@keyframes typing-9 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1001010100101000010111010";
  }
}
p:nth-child(10)::before {
  content: "10001111000101110010100 0";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-10 2.4s steps(20, end) -3s infinite;
  z-index: 1;
}

p:nth-child(10)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.4s infinite -2.8s linear;
  z-index: 2;
}

@keyframes typing-10 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0101110110100111110100010";
  }
}
p:nth-child(11)::before {
  content: "1100010100101011011101000";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-11 1.6s steps(20, end) -0.1s infinite;
  z-index: 1;
}

p:nth-child(11)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.91), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 1.6s infinite 0.1s linear;
  z-index: 2;
}

@keyframes typing-11 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "11010000101100101  101000";
  }
}
p:nth-child(12)::before {
  content: "1000011011101000101001011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-12 1.9s steps(20, end) -0.5s infinite;
  z-index: 1;
}

p:nth-child(12)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.93), rgba(0, 0, 0, 0.93), rgba(0, 0, 0, 0.93), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 1.9s infinite -0.3s linear;
  z-index: 2;
}

@keyframes typing-12 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1111000111110010010 111 1";
  }
}
p:nth-child(13)::before {
  content: "1101100000110111000011010";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-13 2.3s steps(20, end) -2.8s infinite;
  z-index: 1;
}

p:nth-child(13)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.77), rgba(0, 0, 0, 0.77), rgba(0, 0, 0, 0.77), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.3s infinite -2.6s linear;
  z-index: 2;
}

@keyframes typing-13 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1111011111101111100111100";
  }
}
p:nth-child(14)::before {
  content: "1110000001101010000011001";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-14 3.3s steps(20, end) -4.2s infinite;
  z-index: 1;
}

p:nth-child(14)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.79), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.3s infinite -4s linear;
  z-index: 2;
}

@keyframes typing-14 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0011110 10111101111111101";
  }
}
p:nth-child(15)::before {
  content: "000001 11011101011000 011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-15 2.3s steps(20, end) -0.1s infinite;
  z-index: 1;
}

p:nth-child(15)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.92), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.3s infinite 0.1s linear;
  z-index: 2;
}

@keyframes typing-15 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "00011110 0010111110 01101";
  }
}
p:nth-child(16)::before {
  content: "0111111011101010010111110";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-16 2.1s steps(20, end) -2.9s infinite;
  z-index: 1;
}

p:nth-child(16)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.1s infinite -2.7s linear;
  z-index: 2;
}

@keyframes typing-16 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "001 000011111101110101010";
  }
}
p:nth-child(17)::before {
  content: "1111010100100001111111111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-17 2.9s steps(20, end) -3.7s infinite;
  z-index: 1;
}

p:nth-child(17)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.9s infinite -3.5s linear;
  z-index: 2;
}

@keyframes typing-17 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1100011000101001101000011";
  }
}
p:nth-child(18)::before {
  content: "1100001000111111111100110";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-18 2.1s steps(20, end) -5s infinite;
  z-index: 1;
}

p:nth-child(18)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.1s infinite -4.8s linear;
  z-index: 2;
}

@keyframes typing-18 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "001111111 110111000111 11";
  }
}
p:nth-child(19)::before {
  content: "11101 10 1101000110000001";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-19 2s steps(20, end) -1.2s infinite;
  z-index: 1;
}

p:nth-child(19)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2s infinite -1s linear;
  z-index: 2;
}

@keyframes typing-19 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "010001 010110010001101100";
  }
}
p:nth-child(20)::before {
  content: "10001000111111010 0111010";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-20 2.4s steps(20, end) -2.4s infinite;
  z-index: 1;
}

p:nth-child(20)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.84), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.4s infinite -2.2s linear;
  z-index: 2;
}

@keyframes typing-20 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "101101001001 001000101000";
  }
}
p:nth-child(21)::before {
  content: "0101101000111011 11011101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-21 3.5s steps(20, end) -0.2s infinite;
  z-index: 1;
}

p:nth-child(21)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.84), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.5s infinite 0s linear;
  z-index: 2;
}

@keyframes typing-21 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "001000010101100 001 00100";
  }
}
p:nth-child(22)::before {
  content: "1010110010000110110110100";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-22 2.6s steps(20, end) -4.1s infinite;
  z-index: 1;
}

p:nth-child(22)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.6s infinite -3.9s linear;
  z-index: 2;
}

@keyframes typing-22 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1001101001101110111000111";
  }
}
p:nth-child(23)::before {
  content: "0100001111 01110101000111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-23 1.9s steps(20, end) -0.7s infinite;
  z-index: 1;
}

p:nth-child(23)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.88), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 1.9s infinite -0.5s linear;
  z-index: 2;
}

@keyframes typing-23 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "110011000100111101111000 ";
  }
}
p:nth-child(24)::before {
  content: "010111100001 100101101010";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-24 3s steps(20, end) -4.3s infinite;
  z-index: 1;
}

p:nth-child(24)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3s infinite -4.1s linear;
  z-index: 2;
}

@keyframes typing-24 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "01 1101111001101110001001";
  }
}
p:nth-child(25)::before {
  content: "1000000011101011110100111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-25 1.8s steps(20, end) -4.8s infinite;
  z-index: 1;
}

p:nth-child(25)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0.99), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 1.8s infinite -4.6s linear;
  z-index: 2;
}

@keyframes typing-25 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "11111011001100111110101 1";
  }
}
p:nth-child(26)::before {
  content: "1  110 010110 11110011101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-26 2.7s steps(20, end) -3.7s infinite;
  z-index: 1;
}

p:nth-child(26)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.98), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.7s infinite -3.5s linear;
  z-index: 2;
}

@keyframes typing-26 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1001 11101011110010 10101";
  }
}
p:nth-child(27)::before {
  content: "0011111 101110100 1110 10";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-27 2.8s steps(20, end) -1.1s infinite;
  z-index: 1;
}

p:nth-child(27)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.71), rgba(0, 0, 0, 0.71), rgba(0, 0, 0, 0.71), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.8s infinite -0.9s linear;
  z-index: 2;
}

@keyframes typing-27 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0111000011011000001000101";
  }
}
p:nth-child(28)::before {
  content: "1001001111100101101110101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-28 2.3s steps(20, end) -3.7s infinite;
  z-index: 1;
}

p:nth-child(28)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.3s infinite -3.5s linear;
  z-index: 2;
}

@keyframes typing-28 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1110011100100101001111100";
  }
}
p:nth-child(29)::before {
  content: "0101111100001110001011010";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-29 2.6s steps(20, end) -3.2s infinite;
  z-index: 1;
}

p:nth-child(29)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.6s infinite -3s linear;
  z-index: 2;
}

@keyframes typing-29 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0011100110001000001111011";
  }
}
p:nth-child(30)::before {
  content: "1101101000111100100011100";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-30 3s steps(20, end) -4s infinite;
  z-index: 1;
}

p:nth-child(30)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.74), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3s infinite -3.8s linear;
  z-index: 2;
}

@keyframes typing-30 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0111111100110000011111111";
  }
}
p:nth-child(31)::before {
  content: "00110 1111001110011100110";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-31 2.4s steps(20, end) -1.9s infinite;
  z-index: 1;
}

p:nth-child(31)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.74), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.4s infinite -1.7s linear;
  z-index: 2;
}

@keyframes typing-31 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0110011010110101110011000";
  }
}
p:nth-child(32)::before {
  content: "001101 011101011000101110";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-32 1.8s steps(20, end) -2.6s infinite;
  z-index: 1;
}

p:nth-child(32)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.77), rgba(0, 0, 0, 0.77), rgba(0, 0, 0, 0.77), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 1.8s infinite -2.4s linear;
  z-index: 2;
}

@keyframes typing-32 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "110111111110111101 010010";
  }
}
p:nth-child(33)::before {
  content: "01011011001101010011 0010";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-33 2.5s steps(20, end) -0.2s infinite;
  z-index: 1;
}

p:nth-child(33)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0.99), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.5s infinite 0s linear;
  z-index: 2;
}

@keyframes typing-33 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1101011100111111000110111";
  }
}
p:nth-child(34)::before {
  content: "1100101010110101011011111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-34 2s steps(20, end) -0.9s infinite;
  z-index: 1;
}

p:nth-child(34)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2s infinite -0.7s linear;
  z-index: 2;
}

@keyframes typing-34 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0010001111000000011100101";
  }
}
p:nth-child(35)::before {
  content: "1101010010001111101110011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-35 1.8s steps(20, end) -0.9s infinite;
  z-index: 1;
}

p:nth-child(35)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 1.8s infinite -0.7s linear;
  z-index: 2;
}

@keyframes typing-35 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0 1000110111100110001 010";
  }
}
p:nth-child(36)::before {
  content: "0111111101101111100011100";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-36 3s steps(20, end) -4.4s infinite;
  z-index: 1;
}

p:nth-child(36)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3s infinite -4.2s linear;
  z-index: 2;
}

@keyframes typing-36 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0011100011 01001011111101";
  }
}
p:nth-child(37)::before {
  content: "00111100101  100111101110";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-37 2.7s steps(20, end) -2.1s infinite;
  z-index: 1;
}

p:nth-child(37)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.98), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.7s infinite -1.9s linear;
  z-index: 2;
}

@keyframes typing-37 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1001 01100011000010011110";
  }
}
p:nth-child(38)::before {
  content: "1000101101110000010001101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-38 2.3s steps(20, end) -3.6s infinite;
  z-index: 1;
}

p:nth-child(38)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.3s infinite -3.4s linear;
  z-index: 2;
}

@keyframes typing-38 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1111111000010001010010010";
  }
}
p:nth-child(39)::before {
  content: "1001110111000010011000010";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-39 2.3s steps(20, end) -3.6s infinite;
  z-index: 1;
}

p:nth-child(39)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.76), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.3s infinite -3.4s linear;
  z-index: 2;
}

@keyframes typing-39 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0100000111110101111101110";
  }
}
p:nth-child(40)::before {
  content: "0111111111011110 11011111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-40 3.1s steps(20, end) -2s infinite;
  z-index: 1;
}

p:nth-child(40)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.1s infinite -1.8s linear;
  z-index: 2;
}

@keyframes typing-40 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "011111000010111100 001011";
  }
}
p:nth-child(41)::before {
  content: "11 000100101011111000 111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-41 3.5s steps(20, end) -3.2s infinite;
  z-index: 1;
}

p:nth-child(41)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.91), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.5s infinite -3s linear;
  z-index: 2;
}

@keyframes typing-41 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "10101 0110101101111101001";
  }
}
p:nth-child(42)::before {
  content: "00 1011010110110000111111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-42 3.1s steps(20, end) -1s infinite;
  z-index: 1;
}

p:nth-child(42)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.82), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.1s infinite -0.8s linear;
  z-index: 2;
}

@keyframes typing-42 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "0011010101010101100010100";
  }
}
p:nth-child(43)::before {
  content: "1001 1 11011111010 011011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-43 2.9s steps(20, end) -2s infinite;
  z-index: 1;
}

p:nth-child(43)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.67), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.9s infinite -1.8s linear;
  z-index: 2;
}

@keyframes typing-43 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "00 110011010101011 100111";
  }
}
p:nth-child(44)::before {
  content: "10000011110 1011001101101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-44 2.6s steps(20, end) -5s infinite;
  z-index: 1;
}

p:nth-child(44)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.79), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.6s infinite -4.8s linear;
  z-index: 2;
}

@keyframes typing-44 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1001101110001001000101100";
  }
}
p:nth-child(45)::before {
  content: "1111110111010100101100111";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-45 3s steps(20, end) -4.5s infinite;
  z-index: 1;
}

p:nth-child(45)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.79), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3s infinite -4.3s linear;
  z-index: 2;
}

@keyframes typing-45 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "10010101110011 1001001110";
  }
}
p:nth-child(46)::before {
  content: "0001111110111000001111101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-46 3s steps(20, end) -3.9s infinite;
  z-index: 1;
}

p:nth-child(46)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.83), rgba(0, 0, 0, 0.83), rgba(0, 0, 0, 0.83), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3s infinite -3.7s linear;
  z-index: 2;
}

@keyframes typing-46 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "1101001110111111110001011";
  }
}
p:nth-child(47)::before {
  content: "01101101011111111 0101101";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-47 3.4s steps(20, end) -1.9s infinite;
  z-index: 1;
}

p:nth-child(47)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.97), rgba(0, 0, 0, 0.97), rgba(0, 0, 0, 0.97), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.4s infinite -1.7s linear;
  z-index: 2;
}

@keyframes typing-47 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "010001011110 010101001100";
  }
}
p:nth-child(48)::before {
  content: "1100101001 11 01011001011";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-48 2.8s steps(20, end) -0.5s infinite;
  z-index: 1;
}

p:nth-child(48)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.79), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 2.8s infinite -0.3s linear;
  z-index: 2;
}

@keyframes typing-48 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "101 111111101111010000011";
  }
}
p:nth-child(49)::before {
  content: "0110110010011100011000110";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-49 3.5s steps(20, end) -4s infinite;
  z-index: 1;
}

p:nth-child(49)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.92), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3.5s infinite -3.8s linear;
  z-index: 2;
}

@keyframes typing-49 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "101100011011101000101 111";
  }
}
p:nth-child(50)::before {
  content: "11111111011 1111110110010";
  color: rgb(179, 255, 199);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px currentColor, 0 0 10px currentColor;
  animation: typing-50 3s steps(20, end) -2s infinite;
  z-index: 1;
}

p:nth-child(50)::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0.99), transparent 75%, transparent);
  background-size: 100% 220%;
  background-repeat: no-repeat;
  animation: mask 3s infinite -1.8s linear;
  z-index: 2;
}

@keyframes typing-50 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
    content: "000010011 010110110111011";
  }
}
@keyframes mask {
  0% {
    background-position: 0 220%;
  }
  30% {
    background-position: 0 0%;
  }
  100% {
    background-position: 0 0%;
  }
}/*# sourceMappingURL=background.css.map */